import React, { Component,ProTypes } from 'react'

import {
	View,
	StyleSheet,
	Text
}from 'react-native';

export default class HeadView extends Component {

	render(){
		var content;

		content = this.props.titleArray.map((data, index)=>{
			 return <View style = {styles.text} key = {index}>
						<Text>
                    		{data}
                		</Text>
                	</View>
		})

		return(
			<View style = {styles.headView}>
				{content}
            </View>
		);
	};
}

var styles = StyleSheet.create ({
	headView: {
		flexDirection: 'row',
		justifyContent: 'center',
		alignItems: 'center',
		width:Common.size.width,
		height: as(50),
	},
	text: {
		height: as(50),
		justifyContent: 'center',
		alignItems: 'center',
		flex: 1,
		borderWidth: 1,
		borderColor: '#00bfff',
	},
});